/* @flow */

import { cached } from 'shared/util'
import { parseFilters } from './filter-parser'

const defaultTagRE = /\{\{((?:.|\r?\n)+?)\}\}/g
const regexEscapeRE = /[-.*+?^${}()|[\]\/\\]/g

const buildRegex = cached(delimiters => {
  const open = delimiters[0].replace(regexEscapeRE, '\\$&')
  const close = delimiters[1].replace(regexEscapeRE, '\\$&')
  return new RegExp(open + '((?:.|\\n)+?)' + close, 'g')
})

type TextParseResult = {
  expression: string,
  tokens: Array<string | { '@binding': string }>
}

// 文本解析器
export function parseText (
  text: string,
  delimiters?: [string, string]
): TextParseResult | void {
  const tagRE = delimiters ? buildRegex(delimiters) : defaultTagRE
  // 正则匹配是否包含变量，不包含直接返回
  if (!tagRE.test(text)) {
    return
  }
  const tokens = []
  const rawTokens = []
  let lastIndex = tagRE.lastIndex = 0
  let match, index, tokenValue
  // while 循环条件来自 tagRE.exec(text) 的结果
  // tagRE.exec("hello {{name}}，I am {{age}}")
  //返回：["{{name}}", "name", index: 6, input: "hello {{name}}，I am {{age}}", groups: undefined]
  // tagRE.exec("hello")
  //返回：null
  while ((match = tagRE.exec(text))) {
    index = match.index
    // push text token
    if (index > lastIndex) {
      // {{ 前面的文本存入 tokens 中，需要使用 JSON.stringify 包裹上一层双引号
      rawTokens.push(tokenValue = text.slice(lastIndex, index))
      tokens.push(JSON.stringify(tokenValue))
    }
    // tag token
    // 取出 {{}} 中间的变量 exp
    const exp = parseFilters(match[1].trim())
    // 使用 _s() 包裹
    tokens.push(`_s(${exp})`)
    rawTokens.push({ '@binding': exp })
    // 将位置移动到 }} 之后，下一轮循环从 }} 之后开始匹配正则
    lastIndex = index + match[0].length
  }
  // 循环处理完毕
  // 最后判断 lastIndex < text.length
  // 即最后一个变量后还有文本需要处理，直接 push 进 tokens
  if (lastIndex < text.length) {
    rawTokens.push(tokenValue = text.slice(lastIndex))
    tokens.push(JSON.stringify(tokenValue))
  }
  // return，表达式使用 + 连接起来
  return {
    expression: tokens.join('+'),
    tokens: rawTokens
  }
}
